<!--
额外标签法，也称隔墙法，是W3C推荐的
    要求：插入的新的空标签必须是块级元素。

伪元素清除浮动是额外标签法的升级和优化

    单伪元素（只堵着后门）
        ------------------------
        .clearfix::after {          // 也可以用CSS2单冒号的写法，兼容IE8等低版浏览器
            content: '';            // 必须的
            display: block;         // 必须是块级元素
            height: 0;              // 不看见
            visibility: hidden;     // 不看见
            clear: both;            // 清除浮动的核心代码
        }
        .clearfix {
            *zoom: 1;               // 兼容低版浏览器，IE专属属性
        }
        ------------------------

    双伪元素（前后门都堵着，真正的闭合）
        ------------------------
        .clearfix::before,
        .clearfix::after {
            content: "";
            display: table;   // 转为表格单元格块元素在一行内显示，若用display:block;则各自独占一行
        }
        .clearfix::after {
            clear: both;
        }
        .clearfix {
            *zoom: 1;
        }
        ------------------------
-->
